@(isLogin : Boolean)
<div class="page-header">
    <div class="banner">
        <div class="logo">
            <h4 style="margin-top: 0px;width: 1000px; color: white;text-shadow: 2px 2px 0 #555;padding: 25px 15px 20px 15px;
                float: right;"><span style="font-size: 35px;
                font-weight: bolder;padding-right: 15px;color: white;
                border-right: 2px solid white;"><a href="@routes.IndexController.home()" style="color: white;">Pteridophyta</a></span> <font style="font-size: 23px">&nbsp;a RNA sequence based
                multi-omics database for the Pteridophyta</font></h4>
        </div>
    </div>
    <nav class="navbar navbar-default">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#coll" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="navbar-collapse">

            @if(!isLogin) {
                <ul class="nav navbar-nav">
                    <li><a href="@routes.IndexController.adminHome()"><span class="glyphicon glyphicon-home"></span>
                        Home</a></li>

                    <li class="dropdown">
                        <a href="#"><span class="fa fa-external-link"></span>
                            RNA management
                            <span class="fa fa-caret-down"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Upload RNA</a></li>
                            <li><a href="#">Update RNA</a></li>
                        </ul>
                    </li>

                    <li class="dropdown">
                        <a href="#"><span class="fa fa-tree"></span>
                            Tree management
                            <span class="fa fa-caret-down"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Upload Tree</a></li>

                        </ul>
                    </li>


                    <li class="dropdown">
                        <a href="#"><span class="fa fa-newspaper-o"></span>
                            Chloroplast management
                            <span class="fa fa-caret-down"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Upload Sample</a></li>
                        </ul>
                    </li>

                    <li class="dropdown">
                        <a href="#"><span class="fa fa-newspaper-o"></span>
                            Management
                            <span class="fa fa-caret-down"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Upload News</a></li>
                            <li><a href="#">Message Board Management</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><span class="fa fa-pencil"></span>password</a>
                    </li>

                    <li>
                        <a href="#"><span class="fa fa-user"></span>login</a>
                    </li>

                    <li>
                        <a href="#"><span class="fa fa-user-times"></span>Logout</a>
                    </li>
                </ul>
            }

        </div><!-- /.navbar-collapse -->
    </nav>
</div>
